// 全局的自定义指令

export const imgError  = {
    // inserted：被绑定元素插入父节点时调用
    inserted(el,binding){
        // console.log(el); // 指令所绑定的元素，可以用来直接操作 DOM。
        // console.log(binding); //  一个对象
        // console.log(binding.value);
        el.src = el.src || binding.value
         //   图片异常的逻辑
        //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
        el.onerror= function(){
            // 图片加载失败，给一个默认的图片
            el.src = binding.value
        }
    },
    // 指令所在组件的 VNode 及其子 VNode 全部更新后调用。
    componentUpdated(el, binding) {
        el.src = el.src || binding.value
      }
}